/***********************************
	列表 名称空间：list
************************************/
.list-default,.list-single, .list-link,.list-ui-common{
	> li {
		display:-webkit-box;
	}

	> li:first-child{
		border-top:0;

		> .border-t{
			border-top:0;
		}
	}

	h4 {
		font-size:16px * @ratio;
		font-weight:400;
	}

	h5{
		font-size:15px * @ratio;
		font-weight:400;
	}

	h6{
		font-size:14px * @ratio;
		font-weight:400;
	}
}


.list-ui-common{
	> li {
		margin-left:@whitespace-s;
	}
}

.list-default{

}

.list-info {
	display:-webkit-box;
	-webkit-box-flex:1;
	-webkit-box-orient:vertical;
	-webkit-box-pack:center;
	padding-top:10px * @ratio;
	padding-bottom:10px * @ratio;
}

.list-single{
	&:extend(.whitespace-l);

	> li {
		line-height:44px * @ratio;
		font-size:15px * @ratio;
		display:block;
	}
}

.list-cover-img {
	width:@list-img-width-sm;
	height:@list-img-height-sm;
}

.list-text{
	> li {
		padding-top:10px * @ratio;
		padding-bottom:10px * @ratio;
	}

}

.list-img,.list-cover-img{
	margin:10px * @ratio 10px * @ratio 10px * @ratio 0;
}

//带箭头链接
.list-link{
	&:extend(.whitespace-l);
	
	> li {

		.list-info {
			position:relative;
			padding-right:30px * @ratio;

			&:after{
				top:50%;
				content:"\f105";
				width:30px * @ratio;
				height:30px * @ratio;
				line-height:30px * @ratio;
				font-size:26px * @ratio;
				margin-top:-15px * @ratio;
				.text-right;
				right:15px * @ratio;
				position:absolute;
				font-family:"FontAwesome";
				color:#ccc;
			}
		}
	}
}


@media(min-width:@screen-l){

	.list-cover-img{
		width:@list-img-width-lg;
		height:@list-img-height-lg;
	}

	.list-ui-common{
		> li {
			margin-left:@whitespace-l;
		}
	}


}